<!DOCTYPE html>
<link rel="match" href="reference/scrolled-text-with-clipped-corners-ref.html" />
<style>
    * {
        scrollbar-width: none;
    }

    #container {
        width: 300px;
        height: 300px;
        border: 5px solid black;
        border-radius: 50%;
        overflow: scroll;
        font-size: 40px;
    }
</style>
<div id="container">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices neque eu nisi facilisis
    viverra. Integer lacinia, lacus vel condimentum suscipit, lacus felis porta nulla, eget lacinia
    sem neque ut neque. In sagittis, eros vel interdum porta, quam ex rhoncus lectus, vitae suscipit
    risus orci sit amet velit. Praesent imperdiet condimentum rutrum. Cras vitae nisl sapien.
    Curabitur ligula diam, tincidunt congue tincidunt nec, sodales nec orci. Vestibulum tincidunt
    non elit in vehicula. Etiam malesuada neque eu porta rhoncus. Curabitur vel nunc finibus ligula
    posuere venenatis.
</div>
<script>
    const scrollContainer = document.getElementById("container");
    scrollContainer.scrollTop = 300;
</script>
